<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>事故备案</title>
    <link rel="stylesheet" href="/static/js/plugins/jquery-easyui/themes/metro/easyui.css">
    <link rel="stylesheet" href="/static/js/plugins/jquery-easyui/themes/icon.css">
    <script src="/static/js/plugins/jquery-easyui/jquery.min.js"></script>
    <script src="/static/js/plugins/jquery-easyui/jquery.easyui.min.js"></script>
    <script src="/static/js/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="/static/js/system/saleChart.js"></script>
</head>
<body>
<table id="sale_datagrid"></table>
<%--为数据表格添加顶部按钮组件--%>
<%--为按钮绑定方法--%>
<div id="tb">
        <%--高级查询的输入框--%>
        客户:<input class="easyui-combobox" type="text" name="clientId" id="clientId"
               data-options="url:'/client/queryClients',valueField:'id', textField:'clientname', panelHeight:'auto'">
        机构:<input class="easyui-combobox" type="text" name="agencyId" id="agencyId"
               data-options="url:'/agencyInfo/queryAgencies',valueField:'id', textField:'name', panelHeight:'auto'">
        险种:<input class="easyui-combobox" type="text" name="productId" id="productId"
               data-options="url:'/productInfo/queryProducts',valueField:'id', textField:'name', panelHeight:'auto'">
        保单日期:<input class="easyui-datebox" type="text" id="beginDate" name="beginDate">~
                <input class="easyui-datebox" type="text" id="endDate" name="endDate"><br>

        <table>
            <tbody>
            <tr>
                <td>分组:

                    <select id="groupByType" name="groupByType">
                        <option value="saleman.username" selected>销售人员</option>
                        <option value="ai.name">保险机构</option>
                        <option value="p.name">商品名称</option>
                        <option value="c.clientName" selected>客户</option>
                        <option value="date_format(sto.purchasedate,'%Y-%m')">保单日期(月)</option>
                        <option value="date_format(sto.purchasedate,'%Y-%m-%d')">保单日期(日)</option>
                    </select>
                </td>
                <td width="100px">
                    <a class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true" data-cmd="query">搜索</a>
                </td>
                <td width="100px">
                    <a class="easyui-linkbutton" iconCls="icon-large-chart" plain="true"
                       data-cmd="bar">柱状图</a>
                </td>
                <td width="100px">
                    <a class="easyui-linkbutton" iconCls="icon-filter" plain="true"
                       data-cmd="pic">饼状图</a>
                </td>
            </tr>
            </tbody>
        </table>
    <div id="bar_dialog">
        <iframe id="barTable" src="/chart/saleByBar" frameborder="0" style="width: 100%;height: 100%;"></iframe>
    </div>
    <div id="pic_dialog">
        <iframe id="picTable" src="/chart/saleByPic" frameborder="0" style="width: 100%;height: 100%;"></iframe>
    </div>
    <div id="bar_btn" align="right">
        <a class="easyui-linkbutton" iconCls="icon-save" plain="true" data-cmd="cancelBar">确定</a>
    </div>
    <div id="pic_btn" align="right">
        <a class="easyui-linkbutton" iconCls="icon-save" plain="true" data-cmd="cancelPic">确定</a>
    </div>
</div>
</html>
